<mat-form-field [appearance]="appearance">
  <mat-label>
    <span>{{ label }}</span>
  </mat-label>

  <mat-select [(ngModel)]="type" [disabled]="disabled" panelClass="ngm-property-select__panel">
    <mat-select-trigger>
      <span>{{ trigger$ | async }}</span>
    </mat-select-trigger>
    
    <!-- <ng-container *ngIf="isCalendar">
      <mat-option [value]="COMPARE_TO_ENUM.CurrentMember">Current Member</mat-option>
      <mat-option [value]="COMPARE_TO_ENUM.Lag">Prev</mat-option>
    </ng-container> -->
    
    <mat-option [value]="COMPARE_TO_ENUM.CurrentMember">
      {{ 'COMPONENTS.PROPERTY.CurrentMember' | translate: {Default: "Current Member"} }}
    </mat-option>

    <mat-option [value]="COMPARE_TO_ENUM.Lag">
      {{ 'COMPONENTS.PROPERTY.PreviousNMember' | translate: {Default: "Previous 'N' Member"} }}
    </mat-option>
    <mat-option [value]="COMPARE_TO_ENUM.Lead">
      {{ 'COMPONENTS.PROPERTY.NextNMember' | translate: {Default: "Next 'N' Member"} }}
    </mat-option>
    <mat-option [value]="COMPARE_TO_ENUM.Parallel">
      {{ 'COMPONENTS.PROPERTY.ParallelMember' | translate: {Default: "Parallel Member"} }}
    </mat-option>

    <mat-option [value]="COMPARE_TO_ENUM.Ancestor">
      {{ 'COMPONENTS.PROPERTY.AncestorMember' | translate: {Default: "Ancestor Member"} }}
    </mat-option>

    <mat-option [value]="COMPARE_TO_ENUM.SelectedMember" ngmAppearance="dashed" (click)="selectByMember($event)">
      {{ 'COMPONENTS.PROPERTY.SelectByMembers' | translate: {Default: "Select by Members"} }}...</mat-option>

    <!-- 暂时未支持
    <mat-option value="two" ngmAppearance="dashed">
      {{ 'COMPONENTS.PROPERTY.NewCalculationInputControl' | translate: {Default: "New Calculation Input"} }}
    </mat-option> -->
  </mat-select>

</mat-form-field>

<mat-form-field *ngIf="type !== COMPARE_TO_ENUM.CurrentMember && type !== COMPARE_TO_ENUM.Ancestor && type !== COMPARE_TO_ENUM.SelectedMember" [appearance]="appearance">
  <mat-label>{{ 'COMPONENTS.PROPERTY.NthMember' | translate: {Default: "Value / N'th Member"} }}</mat-label>
  <input matInput [(ngModel)]="value">
</mat-form-field>
